//隐藏显示
.hide{ display : none;}
.flex-between{ display: flex; justify-content: space-between; align-items: center;}


//按钮
.btn{ display: inline-block; text-align: center; width : 70%; margin-top : 5%; height : 1.875rem; line-height: 1.875rem; text-align: center; font-size : .75rem;  border-radius: .3rem;}
.btn-blue{ color: #e2d4ff; background : #5724bf;}
.btn-red{ color: #fff; background : #db2e2e;}


//布局控制
.fl{ float : left;}
.fr{ float : right;}
.col{ padding: 0 1rem;}

.mt5{ margin-top : .25rem;}
.mt10{ margin-top : .5rem;}
.mt15{ margin-top : .75rem;}
.mt20{ margin-top : 1rem;}
.mt30{ margin-top : 1.5rem;}
.mt40{ margin-top : 2rem;}

.pt10{ padding-top : .5rem;}
.pt15{ padding-top : .75rem;}
.pt20{ padding-top : 1rem;}
.pt30{ padding-top : 1.5rem;}
.pt40{ padding-top : 2rem;}

.ptb6{ padding: .3rem 0;}
.ptb10{ padding: .5rem 0;}

//文字控制
.text-center{
  text-align: center;
}
.fz14{ font-size : .7rem;}
.fz15{ font-size : .75rem;}
.fz16{ font-size : .8rem;}
.fz18{ font-size : .9rem;}
.fz20{ font-size : 1rem;}
.fz22{ font-size : 1.1rem;}
.fz24{ font-size : 1.2rem;}

//颜色
.fff{ color : #ffffff; }
.hui666{ color : #666666; }
.hui999{ color : #999999; }

//图片样式
.radius5{border-radius: .25rem;}
.radius10{border-radius: .5rem;}
.radius50{ border-radius: 50%;}

//banner
.banner{ margin : 0 auto;}
//底部规则

.chance{ color : #ded5fd;
  span{ color : #fff200;}
}

.footer{
  position:fixed; align-items: center; bottom : 1.5rem; left : 0; right : 0; text-align: center; font-size : .75rem;
  a{ color : #b5a1fe;}
  a:active{ color : #ffffff;}
  span{ color : #866de1; display: inline-block; padding: 0 10px;}
}

//展示奖品
.toast{
  position : fixed; left : 0; top : 0; right : 0; bottom : 0;
  .bg{background : rgba(0,0,0,.65); width : 100%; height : 100%;  }
  .con{ width : 72%; /*height : 44%;*/  position: fixed;  top : 19%;left : 14%; }

  .win{ width : 100%; height : 100%;  background: #fff; border-radius: .5rem; padding-bottom : 10%; }

  .prize{ width : 100%;  height :100%; color : #ffffff;}
  .prize-step1{
    padding: 63%  0 0;
  }
  .prize-step2{
    background: url("../img/prize_step2.png") no-repeat scroll center  0/ 100%;
  }
  .prize-lose{
    padding: 63%  0 0;
  }
  .gongxi{
    padding-top : 10%;
  }
  .prize-name{ padding-top : 3%;/* height : 1rem;*/}
  .prize-date{ padding-top : 3%; height : 1rem;}
  .prize-img{ width : 33%; height : 30%; border-radius: .3rem; margin-top : 3%;}

  .close{ position: absolute; left : 0; right : 0; bottom : -2.8rem;  }
  .icon-close{ color : #adaeac; font-size :1.5rem; }
}

//未中奖
.lose{ position : fixed; width : 60%; left :20%; height : 20%; top:40%; border-radius: .5rem; display : flex;  align-items: center; justify-content: center; color : #fed457; font-size : .9rem;  background : rgba(0,0,0,.7);}